/* Correction des styles par defaut
---------------------------------------------- */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font: .9em sans-serif; color: #2e3436; }
input, textarea, select { font-size: 100%; font-family: inherit; }

h1 { margin: 0; font-size: 3.5em; font-weight: bold; color: #51568E; font-family: Don Quixote; }
h2 { margin: 0.80em 0 0.80em 0; font-size: 1.1em; font-weight: normal; }

img, .spip_logos { margin: 0; padding: 0; border: 0; }
ul,ol,li { list-style: none; }


/* Disposition a l'ecran
---------------------------------------------- */
body { background: #C8C5B6 url(images/minipres-gris.png) no-repeat scroll 97% 100px; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 0; font-size: 0; }
.bugajaxie { display: none; } /* Bug IE/Win */


/* Habillage (en vrac)
---------------------------------------------- */
fieldset, .fieldset { text-align: left; padding: 0; border: 0; margin-top: 1em; font-size: .95em; }
legend { font-weight: bold; font-size: 1em; color: #333; } /* Preciser la couleur des legend pour IE/Win */
label {}

.reponse_formulaire, .erreur_message { font-weight: bold; color: red; }

body.minipres fieldset, body.minipres .fieldset  { border: 1px solid #ccc; padding: 1em; }

#minipres { 
	width: 38em; 
	height: 26em; 
	background: url("../IMG/fond_connexion.jpg") no-repeat 240px 0 white; 
	margin: 1em auto; 
	padding: 1em; 
	border: 1px solid #51568E; -moz-border-radius: 10px; -moz-box-shadow: 8px 8px 12px #9D9D9D; -webkit-border-radius: 10px; -webkit-box-shadow: 8px 8px 12px #9D9D9D;
}

.pass #minipres { width: 38em; }

.petit-centre { font-size: .8em; text-align: center; }
.petit-centre p { width: 300px; margin: auto; }

.suivant { display: block; margin-top: 1em; text-align: right; }

.toile_foncee { background: #777; }

#minipres label { 
	color: #333; 
}
.fondl { /*background-color: #eee; background-position: center bottom; padding: 3px; border: 1px solid #333; font-size: 0.90em;*/ }
.formo, input.text, input.password { width: 35%; display: block; background-color: #f8f8f9; background-position: center bottom; margin-bottom: 1em; padding: 3px; border: 1px inset #333; behavior: url(win_width.htc); -moz-border-radius: 5px; }
.formo, input.text, input.password, select { font-size: 1.1em; }

p.resultat { background-color: #fcaf3e; padding: 0.40em 0.10em; text-align: center; color: #fff; font-weight: bold; }
p.resultat.ok { background-color: #73d216; }
p.resultat.echec { background-color: #d60c0c; }

#etapes { display: block; position: absolute; top: 10px; left: 10px; }
#etapes span { display: block; margin-top: -0.50em; padding: 12px 14px; margin-bottom: 5px; }
#etapes span em { font-size: 2em; font-weight: bold; }
#etapes span span { position: absolute; top: -100px; left: -100px; }
#etapes span.ok { background: url(images/etape-ok.gif) center no-repeat; }
#etapes span.encours { background: url(images/etape-encours.gif) center no-repeat; }
#etapes span.todo { background: url(images/etape-todo.gif) center no-repeat; }

#infos_etapes { height: 63px; overflow: hidden; margin: 0; padding: 0; padding-left: 10px; background: #8c8c8c url(../prive/images/degrade-etapes-clair-left.gif) no-repeat right top; text-align: left; font-family: helvetica, arial, sans; list-style: none; }
#infos_etapes.infos_etape_4 { background-image: url(../prive/images/degrade-etapes-vert-left.gif); background-color: green; }
#infos_etapes li { float: left; margin-left: -28px; padding-left: 29px; background: url(../prive/images/degrade-etapes-fonce-left.gif) no-repeat left top; color: #555; text-align: left; font-size: 0.85em; line-height: 1.05em; }
#infos_etapes li .fond { width: 8em; height: 69px; padding-right: 2em; padding-top: 10px; background: url(../prive/images/degrade-etapes-fonce-left.gif) no-repeat -30px top; }
#infos_etapes li em {float:left;position:absolute;top:-1000px;}
#infos_etapes li span.numero_etape { float: left; display: block; height: 50px; margin-left: -10px; padding: 7px 3px 0 3px; font-weight: bold; font-size: 3em; }
#infos_etapes li.on { background-image: url(../prive/images/degrade-etapes-vert-left.gif); color: #fff; font-weight: bold; }
#infos_etapes li.on .fond { background-color: #88f560; background-image:  url(../prive/images/degrade-etapes-vert-left.gif); }
#infos_etapes li.erreur { background-image: url(../prive/images/degrade-etapes-rouge-left.gif); }
#infos_etapes li.erreur .fond { background-color: #ff6868; background-image: url(../prive/images/degrade-etapes-rouge-left.gif); }
#infos_etapes li.prochains { background-image: url(../prive/images/degrade-etapes-clair-left.gif); }
#infos_etapes li.prochains .fond { background-color: #dbdbdb;background-image: url(../prive/images/degrade-etapes-clair-left.gif); }

/* installation des plugins */
.install-plugins {background:#ddd;border:1px solid black;color:#555;font-size:0.85em;padding:10px;}
.install-plugins .ok {color:green;font-weight:bold;}
.install-plugins .erreur {color:red;font-weight:bold;}


/* Page de login
---------------------------------------------- */
.page_login {}
.page_login #minipres {}
.page_login .formulaire_menu_lang { font-size: .9em; }
.page_login .formulaire_menu_lang label { display: none; }
.page_login .formulaire_menu_lang select { display: inline; }
.page_login .formulaire_menu_lang input.submit { display: inline; }
.page_login .formulaire_login { clear: both; text-align: left; font-size: .9em; }
.page_login .formulaire_login fieldset { margin: 0; padding: 0; border: 1px solid #babdb6; padding: 1em; font-size: 1em; }
.page_login .formulaire_login fieldset .spip_logos { float: right; padding-left: 5px; }
.page_login .formulaire_login fieldset ul { float: left; width: 70%; margin: 0; padding: 0; list-style: none; }
.page_login .formulaire_login fieldset ul li { margin: 0; padding: 0.50em 0; }
.page_login .formulaire_login fieldset ul li label,
.page_login .formulaire_login fieldset ul li .erreur_message,
.page_login .formulaire_login fieldset ul li .details { display: block; width: auto; }
.page_login .formulaire_login fieldset ul li label.nofx { display: inline; }
.page_login .formulaire_login fieldset ul li input.text,
.page_login .formulaire_login fieldset ul li input.password { width: 11em; margin: 0; display: inline; }
.page_login .boutons {}
.page_login .retour a { clear: both; font-size: .7em; position: relative; top: 70px; left: 450px; color: #999999; }
.page_login .retour a { text-decoration: none; }

/* Oublie du mot de passe
---------------------------------------------- */
body.pass #minipres {}
body.pass .formulaire_spip { background: none; border: none; margin: 0; padding: 0; }


/* Couleurs des liens
---------------------------------------------- */
a { color: #e86519; text-decoration: none; outline: none; }
a:visited { color: #75507b; }
a:active { color: #8ae234; }
a:hover { text-decoration: underline; }